<template>
  <div id="login">
    <div class="login_btn" @click="login">
      微信登陆
    </div>
  </div>
</template>
<script>
import '@/assets/icon/iconfont.css'
export default {
  methods:{
    login(){
      window.location='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx80a7364020b6c38c&redirect_uri=http://www.laiyintools.com/redirect&response_type=code&scope=snsapi_userinfo&state=redirect#wechat_redirect'

    }
  },
  mounted:function(){
    this.$store.commit('hideTab')
    // this.$http.get('https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx80a7364020b6c38c&redirect_uri=baidu.com&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect').then(
    //   function(res){
    //     console.log(res)
    //   },
    //   function(error){
    //     console.log(error)
    //   }
    // )

  }
}
</script>

<style lang="stylus" scoped>

#login{
  background:url(https://mybuckey.oss-cn-beijing.aliyuncs.com/recruit/timg.jpg);
  // filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size:100% 100%;
  background-size:100% 100%;
  background-attachment: fixed;
  display flex
  justify-content center
  align-items middle 
}
.login_btn{
  margin-top 130%
  bottom 20px
  background #3498db;
  cursor pointer
  width 40%
  height 25px
  border-radius 8px
  text-align: center;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  display: block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
</style>


